<template>
  <div class="panel">
    <p>
        <slot name="title">暂无标题</slot>
    </p>
     <p>
        <slot name="name">暂无名称</slot>
    </p>
     <p>
        <slot name="avatar">
            <img src="http://old.woniuxy.com/page/img/head_picture/0.jpg" class="avatar">
        </slot>
    </p>
     <p>
        <slot name="desc">暂无简介</slot>
    </p>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
.panel {
  width: 250px;
  height: 230px;
  border: 1px solid #000;
  padding: 10px;
  border-radius: 5px;
  margin: 10px;
  text-align: center;
  .avatar{
    width: 50px;
  }
}
</style>